<!DOCTYPE html>
<html {{{textDirection}}}>
<head>
	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-105814606-2"></script>
	<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());

	gtag('config', 'UA-105814606-2');
	</script>

	<title>{{title}}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="css/styles.css" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Montserrat|Open+Sans" rel="stylesheet">
	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
	<meta name="viewport" content="width=device-width" />

	<!-- Favicon magic -->
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/site.webmanifest">
	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
	<meta name="msapplication-TileColor" content="#ffc40d">
	<meta name="theme-color" content="#ffffff">

	<!-- Stuff for Facebook/Twitter -->
	<meta property="og:url"                content="http://www.jezzamon.com/fourier{{url}}" />
	<meta property="og:type"               content="website" />
	<meta property="og:title"              content="{{title}}" />
	<meta property="og:description"        content="{{description}}" />
	<meta property="og:image"              content="http://www.jezzamon.com/fourier/preview.png" />
	<meta property="og:image:type"         content="image/png" />
	<meta property="og:image:width"        content="1200" />
	<meta property="og:image:height"       content="630" />
	<meta name="twitter:card"              content="summary_large_image" />
	<meta name="twitter:site"              content="@jezzamonn" />
	<meta property="fb:app_id"             content="264785490940720" />
</head>
<body>
<header>
	<canvas id="header-background" class="header-background"></canvas>
	<h1>{{title}}</h1>
	<p>{{author}}</p>
	{{{translator}}}
</header>
<nav id="languages">
	<ul>
		{{#languages}}
		<li><a href="{{url}}">{{name}}</a></li>
		{{/languages}}
		<li><a href="https://github.com/Jezzamonn/fourier/tree/master/content">Add a translation</a></li>
	</ul>
</nav>
<main id="content">
	{{{content}}}
</main>
<script src="main.bundle.js"></script>
</body>
</html>
